<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>幸福9号商城首页</title>
    <link rel="stylesheet" href="../common/css/common.css">
    <link rel="stylesheet" href="../css/index.css"/>
    <script src="../js/jquery-3.2.1.min.js"></script>
</head>
<body  onscroll="showX()">
<div class="header">
    <!--导航部分开始-->
    <div class="header-wrap">
        <div class="header-top container">
            <div class="header-top-content  clearfix">
                <ul class="header-item lt">
                    <li>
                        <span>关注我们</span>
                        <div class="hover-detail">
                            <i class="arrow-up"></i>
                            <img src="http://cdn.xf9.com/static/images/header-wx.jpg" alt="">
                        </div>
                    </li>
                    <li>
                        <span>帮助</span>
                    </li>
                    <li class="border-n">
                        <span>客服热线</span>
                        <div class="hover-detail">
                            <i class="arrow-up"></i>
                            <p class="phone-wrap"><i class="phone"></i><span>400-7551919</span></p>
                        </div>
                    </li>
                </ul>
                <ul class="rt">
                    <li><a href="">我的订单</a></li>
                    <li class="login"><a href=""><i class="login-icon common-icon"></i>登录</a></li>
                    <li class="register"><a href="">注册</a></li>
                    <li class="cart"><a href=""><i class="cart-icon common-icon"></i>购物车</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="header-fix">
        <div class="container clearfix">
            <div class="all-goods-wrap all-goods1 lt">
                <div class="all-goods" id="goods"><i></i>全部商品分类</div>
                <div id="goods-list">
                    <div class="all-goods-classify">
                        <dl>
                            <dt><a href="#"><i class="common-icon1 health"></i>滋补养生</a></dt>
                            <dd><a href="#">养生茶饮</a><a href="#">传统滋补</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><i class="common-icon1 nurse"></i>健康护理</a></dt>
                            <dd><a href="#">助行器材</a><a href="#">保健按摩</a><a href="#">健康防护</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><i class="common-icon1 food"></i>精选食品</a></dt>
                            <dd><a href="#">乳制品</a><a href="#">休闲食品</a><a href="#">酒水饮料</a></dd>
                            <dd><a href="#">粮油米面</a><a href="#">生鲜食品</a><a href="#">地方特产</a></dd>
                            <dd><a href="#">饮料冲调</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><i class="common-icon1 Living-goods"></i>居家用品</a></dt>
                            <dd><a href="#">服饰箱包</a><a href="#">家纺家饰</a><a href="#">居家百货</a></dd>
                            <dd><a href="#">文娱用品</a><a href="#">数码电器</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><i class="common-icon1 nutrition"></i>营养健康</a></dt>
                            <dd><a href="#">缓解疲劳</a><a href="#">肠胃养护</a><a href="#">基础营养</a></dd>
                            <dd><a href="#">健骨补钙</a></dd>
                        </dl>
                    </div>
                    <a href="javascript:void(0);" class="arrow-wrap"><span><i class="arrow"></i></span></a>
                </div>
            </div>
            <div class="search-group search-group1 lt">
                <i class="magnifier"></i>
                <input type="text" placeholder="输入商品名进行搜索" name="search-word" class="search-goods" maxlength="20"/>
                <input type="button" value="搜索" class="search-btn rt"/>
            </div>
        </div>
    </div>
    <!--导航部分结束-->
    <!--头部文件开始-->
    <div class="header-middle container clearfix">
        <a href="index.html" class="lt"><img src="http://cdn.xf9.com/static/images/new/logo.png" alt=""></a>
        <div class="search-content rt">
            <div class="search-group">
                <i class="magnifier"></i>
                <input type="text" placeholder="输入商品名进行搜索" name="search-word" class="search-goods" maxlength="20"/>
                <input type="button" value="搜索" class="search-btn rt"/>
            </div>
            <ul class="search-text">
                <li><a href="#">蜂胶</a></li>
                <li><a href="#">阿力果</a></li>
                <li><a href="#">追风油</a></li>
                <li><a href="#">南极人</a></li>
                <li><a href="#">蒙牛</a></li>
                <li><a href="#">汤臣倍健</a></li>
                <li><a href="#">八鲜桥</a></li>
            </ul>
        </div>
    </div>
    <!--头部文件结束-->
    <!--头部分类开始-->
    <div class="header-nav container clearfix">
        <div class="all-goods-wrap lt">
            <div class="all-goods"><i></i>全部商品分类</div>
            <div class="all-goods-classify">
                <dl>
                    <dt><a href="#"><i class="common-icon1 health"></i>滋补养生</a></dt>
                    <dd><a href="#">养生茶饮</a><a href="#">传统滋补</a></dd>
                </dl>
                <dl>
                    <dt><a href="#"><i class="common-icon1 nurse"></i>健康护理</a></dt>
                    <dd><a href="#">助行器材</a><a href="#">保健按摩</a><a href="#">健康防护</a></dd>
                </dl>
                <dl>
                    <dt><a href="#"><i class="common-icon1 food"></i>精选食品</a></dt>
                    <dd><a href="#">乳制品</a><a href="#">休闲食品</a><a href="#">酒水饮料</a></dd>
                    <dd><a href="#">粮油米面</a><a href="#">生鲜食品</a><a href="#">地方特产</a></dd>
                    <dd><a href="#">饮料冲调</a></dd>
                </dl>
                <dl>
                    <dt><a href="#"><i class="common-icon1 Living-goods"></i>居家用品</a></dt>
                    <dd><a href="#">服饰箱包</a><a href="#">家纺家饰</a><a href="#">居家百货</a></dd>
                    <dd><a href="#">文娱用品</a><a href="#">数码电器</a></dd>
                </dl>
                <dl>
                    <dt><a href="#"><i class="common-icon1 nutrition"></i>营养健康</a></dt>
                    <dd><a href="#">缓解疲劳</a><a href="#">肠胃养护</a><a href="#">基础营养</a></dd>
                    <dd><a href="#">健骨补钙</a></dd>
                </dl>
            </div>
            <a href="javascript:void(0);" class="arrow-wrap"><span><i class="arrow"></i></span></a>
        </div>
        <div class="nav-content lt">
            <ul class="nav-item">
                <li class="on"><a href="">首页</a></li>
                <li><a href="">聚惠</a></li>
                <li><a href="">健康馆</a></li>
                <li><a href="">9号TV</a></li>
                <li><a href="">积分商城</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="banner">
    <a href="#"><img src="http://cdn.xf9.com/20170919/1505808675_1377078541.jpg" alt=""></a>
</div>
<!--内容部分-->
<div class="content">
    <!--精选食品部分-->
    <div class="food-wrap container">
        <div class="food-nav clearfix">
            <h2 class="lt">1F 精选食品</h2>
            <ul class="food-item rt clearfix">
                <li style="border-bottom: 2px solid #ca3232;">休闲食品</li>
                <li>粮油米面</li>
                <li>乳制品</li>
            </ul>
        </div>
        <div class="food-content clearfix">
            <ul class="food-contents clearfix lt">
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣150g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣150g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
            <ul class="foods-brand rt">
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297598_208791519.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297496_1532260345.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297464_742198968.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297390_986805720.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297371_15113478.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
    <!--滋补养生部分-->
    <div class="food-wrap container">
        <div class="food-nav clearfix">
            <h2 class="lt">2F 滋补养生</h2>
            <ul class="food-item rt clearfix">
                <li style="border-bottom: 2px solid #ca3232;">休闲食品</li>
                <li>粮油米面</li>
                <li>乳制品</li>
            </ul>
        </div>
        <div class="food-content clearfix">
            <ul class="food-contents lt">
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣150g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣150g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>

            <ul class="foods-brand rt">
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297598_208791519.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297496_1532260345.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297464_742198968.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297390_986805720.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297371_15113478.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
    <!--居家用品部分-->
    <div class="food-wrap container">
        <div class="food-nav clearfix">
            <h2 class="lt">3F 家居用品</h2>
            <ul class="food-item rt clearfix">
                <li style="border-bottom: 2px solid #ca3232;">休闲食品</li>
                <li>粮油米面</li>
                <li>乳制品</li>
            </ul>
        </div>
        <div class="food-content clearfix">
            <ul class="food-contents lt">
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣150g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣150g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>

            <ul class="foods-brand rt">
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297598_208791519.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297496_1532260345.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297464_742198968.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297390_986805720.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297371_15113478.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
    <!--营养健康部分-->
    <div class="food-wrap container">
        <div class="food-nav clearfix">
            <h2 class="lt">4F 营养健康</h2>
            <ul class="food-item rt clearfix">
                <li style="border-bottom: 2px solid #ca3232;">休闲食品</li>
                <li>粮油米面</li>
                <li>乳制品</li>
            </ul>
        </div>
        <div class="food-content clearfix">
            <ul class="food-contents lt">
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣150g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣150g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>

            <ul class="foods-brand rt">
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297598_208791519.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297496_1532260345.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297464_742198968.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297390_986805720.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297371_15113478.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
    <!--健康护理部分-->
    <div class="food-wrap container">
        <div class="food-nav clearfix">
            <h2 class="lt">5F 健康护理</h2>
            <ul class="food-item rt clearfix">
                <li style="border-bottom: 2px solid #ca3232;">休闲食品</li>
                <li>粮油米面</li>
                <li>乳制品</li>
            </ul>
        </div>
        <div class="food-content clearfix">
            <ul class="food-contents lt">
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣150g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣150g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160123/1453540738_1665727910.jpg" alt="">
                                <div class="food-title">萧迈无核灰枣</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul class="foods-item clearfix">
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img.xf9.com/20160921/1474441621_1055345447.jpg" alt="">
                                <div class="food-title">美枣王香枣核桃仁250g</div>
                                <div class="food-price">
                                    <span class="old-price">￥25.8</span>
                                    <span class="new-price">￥ 19.90</span>
                                </div>
                                <div class="food-sale">已售出<span>12996</span>件</div>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>

            <ul class="foods-brand rt">
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297598_208791519.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297496_1532260345.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297464_742198968.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297390_986805720.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://img.xf9.com/20160422/1461297371_15113478.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
</div>
<!--结尾部分-->
<div class="footer">
    <div class="footer-top container">
        <ul class="clearfix">
            <li>
                <h3>关于我们</h3>
                <ul>
                    <li><a href="#">幸福9号</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">加入我们</a></li>
                    <li><a href="#">隐私声明</a></li>
                </ul>
            </li>
            <li>
                <h3>购物指南</h3>
                <ul>
                    <li><a href="#">新用户注册</a></li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">积分规则</a></li>
                </ul>
            </li>
            <li>
                <h3>支付与物流</h3>
                <ul>
                    <li><a href="#">支付宝支付</a></li>
                    <li><a href="#">银联支付</a></li>
                    <li><a href="#">商品签收</a></li>
                    <li><a href="#">配送范围</a></li>
                </ul>
            </li>
            <li>
                <h3>售后服务</h3>
                <ul>
                    <li><a href="#">退货流程</a></li>
                    <li><a href="#">退货声明</a></li>
                    <li><a href="#">退货政策</a></li>
                </ul>
            </li>
            <li>
                <h3>扫描二维码</h3>
                <img src="http://cdn.xf9.com/static/images/new/q_code.png" alt=""/>
            </li>
        </ul>
    </div>
    <div class="footer-center">
        <ul class="footer-item container clearfix">
            <li class="clearfix">
                <i class="lt footer-icon footer-icon1"></i>
                <div class="footer-text lt">
                    <h2>正品保障</h2>
                    <p>正品行货质量有保障</p>
                </div>
            </li>
            <li>
                <i class="lt footer-icon footer-icon2"></i>
                <div class="footer-text lt">
                    <h2>退换无忧</h2>
                    <p>七天无理由退换货</p>
                </div>
            </li>
            <li>
                <i class="lt footer-icon footer-icon3"></i>
                <div class="footer-text lt">
                    <h2>竭诚服务</h2>
                    <p>众多门店竭诚为您服务</p>
                </div>
            </li>
        </ul>
    </div>
    <div class="footer-bottom container">
        <div class="hot-phone"><span>免责声明</span>|<span>客服热线：400-755-1919</span></div>
        <div class="copyright">Copyright ©2014-2017 幸福9号 All Rights Reserved. 沪ICP备14005886号-1 ICP证沪B2-20150152</div>
        <div class="footer-pic clearfix">
            <a href="#" class="sprite sprite1"></a>
            <a href="#" class="footer-pic1"><img src="http://cdn.xf9.com/static/images/szfw.png" alt=""></a>
            <a href="#" class="sprite sprite2"></a>
            <a href="#" class="footer-pic1"><img src="http://cdn.xf9.com/static/images/picp_bg.png" alt=""></a>
            <a href="#" class="footer-pic1"><img src="http://cdn.xf9.com/static/images/yfkba.png" alt=""></a>
        </div>
    </div>
</div>
<!--侧边栏固定定位-->
<!--<div class="silder-bar">-->
<!--<ul>-->
<!--<li class="silder-common silder-p"><a href="javascript:void(0);"><i></i></a></li>-->
<!--<li class="silder-common silder-f"><a href="javascript:void(0);"><i></i></a></li>-->
<!--<li class="silder-common silder-d"><a href="javascript:void(0);"><i></i></a></li>-->
<!--<li class="silder-common silder-n"><a href="javascript:void(0);"><i></i></a></li>-->
<!--</ul>  -->
<!--</div>-->
<script>
    $(".arrow-wrap").click(function(){
        var dis=$('.all-goods-classify').css("height");
        if(dis=="476px"){
            $(".all-goods-classify").css("height","420px");
            $(".arrow-wrap").css("top","465px");
            $(".arrow-wrap span i").addClass("arrow").removeClass("arrow1");
        }else{
            $(".all-goods-classify").css("height","476px");
            $(".arrow-wrap").css("top","523px");
            $(".arrow-wrap span i").addClass("arrow1").removeClass("arrow");
        }
    })
</script>
<script>
    var num = 0;
    var len = document.querySelectorAll(".food-wrap");
    for (var i = 0; i < len.length; i++) {
        //找每一组的导航，能把五组的导航都找到
        var text = len[i].children[0].getElementsByClassName("food-item")[0].children;
        // console.log(text);
        //找到每组对应的三个li
        for (var x = 0; x < text.length; x++){
            text[x].index = x;
            text[x].onclick = function () {
                var index = this.index;
                var t = this.parentNode.parentNode.parentNode.getElementsByClassName("food-content");
                var li = t[0].children[0].children;
                var txt = this.parentNode.children;
//                console.log(txt)
                num = index;
                for (var j = 0; j < li.length; j++) {
                    li[j].style.display = "none";
                    txt[j].style.borderBottom = "";
                }
                li[num].style.display = "block";
                txt[num].style.borderBottom = "2px solid #ca3232";
//                console.log(text[num])
            }
        }
    }
</script>
<script>
    $("#goods").mouseover(function(){
        $("#goods-list").slideDown();
    }).mouseout(function(){
        $("#goods-list").slideUp();
    });
</script>
<script>
    function showX(){
        if($(this).scrollTop()>=650){
            $(".header-fix").show();
        }else{
            $(".header-fix").hide();
        }
    }
</script>
</body>
</html>